
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Apez Admin Template | Portlets</title>
    <link rel="icon" type="image/x-icon" href="images/favicon.png">
    
    <!-- Switcher CSS -->
    <link rel="stylesheet" href="assets/plugin/switchery/switchery.min.css" />
    <!-- Custom Stylesheet -->
    <link rel="stylesheet" href="dist/css/style.css" />
    
</head>
<body>

    <div class="loader-wrapper">
        <div class="loader spinner-3">
            <div class="bg-primary"></div>
            <div class="bg-primary"></div>
            <div class="bg-primary"></div>
            <div class="bg-primary"></div>
            <div class="bg-primary"></div>
            <div class="bg-primary"></div>
            <div class="bg-primary"></div>
            <div class="bg-primary"></div>
            <div class="bg-primary"></div>
        </div>
    </div>
    
    <div class="wrapper">
        <!-- Main Container -->
        <div id="main-wrapper" class="menu-fixed page-hdr-fixed">
            <!-- Menu Wrapper -->
            <div class="menu-wrapper">
                <div class="menu">
                    <!-- Menu Container -->
                    <ul>
                        <li class="menu-title">Main</li>
                        <li class="has-sub">
                            <a><i class="icon-screen-desktop"></i><span>Dashboard</span><i class="arrow"></i></a></i></a>
                            <ul class="sub-menu">
                                <li>
                                    <a href="dashboard-crypto.html"><span>Cryptocoin</span></a>
                                </li>
                                <li>
                                    <a href="dashboard-ecommerce.html"><span>Ecommerce</span></a>
                                </li>
                                <li>
                                    <a href="dashboard-crm.html"><span>CRM</span></a>
                                </li>
                                <li>
                                    <a href="dashboard-analytics.html"><span>Analytics</span></a>
                                </li>
                            </ul>
                        </li>
                        <li class="menu-title">Cryptocoin Pages</li>
                        <li class="has-sub">
                            <a><i class="cc BTC"></i><span>Cryptocoin</span><i class="arrow"></i></a>
                            <ul class="sub-menu">
                                <li>
                                    <a href="trading.html"><span>Trading</span></a>
                                </li>
                                <li>
                                    <a href="market-capitalizations.html"><span>Market Capitalizations</span></a>
                                </li>
                                <li>
                                    <a href="top-gainers-losers.html"><span>Top Gainers Losers</span></a>
                                </li>
                                <li>
                                    <a href="buy-and-sell.html"><span>Buy &#38; Sell</span></a>
                                </li>
                                <li>
                                    <a href="ico-calendar.html"><span>Ico Calendar</span></a>
                                </li>
                                <li>
                                    <a href="tickers.html"><span>Tickers</span></a>
                                </li>
                                <li>
                                    <a href="my-watchlist.html"><span>My Watchlist</span></a>
                                </li>
                                <li>
                                    <a href="my-wallet.html"><span>My Wallet</span></a>
                                </li>
                                <li>
                                    <a href="my-portfolio.html"><span>My Portfolio</span></a>
                                </li>
                            </ul>
                        </li>
                        <li class="menu-title">Components</li>
                        <li class="has-sub active">
                            <a><i class="icon-layers"></i><span>UI Elements</span><i class="arrow rotate"></i></a>
                            <ul class="sub-menu">
                                <li>
                                    <a href="colors.html"><span>Colors</span></a>
                                </li>
                                <li>
                                    <a href="alerts.html"><span>Alerts</span></a>
                                </li>
                                <li>
                                    <a href="block-ui.html"><span>Block UI</span></a>
                                </li>
                                <li>
                                    <a href="modals.html"><span>Modals</span></a>
                                </li>
                                <li>
                                    <a href="panel.html"><span>Panel</span></a>
                                </li>
                                <li>
                                    <a href="progressbars.html"><span>Progress Bars</span></a>
                                </li>
                                <li>
                                    <a href="portlet.html"><span>Portlets</span></a>
                                </li>
                                <li>
                                    <a href="scrollable.html"><span>Scrollable</span></a>
                                </li>
                                <li>
                                    <a href="session-timeout.html"><span>Session Timeout</span></a>
                                </li>
                                <li>
                                    <a href="spinners.html"><span>Spinners</span></a>
                                </li>
                                <li>
                                    <a href="sweet-alerts.html"><span>Sweet Alerts</span></a>
                                </li>
                                <li>
                                    <a href="switches.html"><span>Switches</span></a>
                                </li>
                                <li>
                                    <a href="tabs.html"><span>Tabs</span></a>
                                </li>
                                <li>
                                    <a href="tickers.html"><span>Tickers</span></a>
                                </li>
                                <li>
                                    <a href="toastr.html"><span>Toastr</span></a>
                                </li>
                                <li>
                                    <a href="tooltip.html"><span>Tooltips</span></a>
                                </li>
                            </ul>
                        </li>
                        <li class="has-sub">
                            <a><i class="icon-note"></i><span>Forms</span><i class="arrow"></i></a>
                            <ul class="sub-menu">
                                <li>
                                    <a href="form-basic.html"><span>Basic Form</span></a>
                                </li>
                                <li>
                                    <a href="form-layout.html"><span>Form Layout</span></a>
                                </li>
                                <li>
                                    <a href="form-mask.html"><span>Form Mask</span></a>
                                </li>
                                <li>
                                    <a href="date-time-picker.html"><span>Date Picker</span></a>
                                </li>
                                <li>
                                    <a href="file-upload.html"><span>File Upload</span></a>
                                </li>
                                <li>
                                    <a href="form-summernote.html"><span>SummerNote Editor</span></a>
                                </li>
                            </ul>
                        </li>
                        <li class="has-sub">
                            <a><i class="icon-cloud-download"></i><span>Buttons</span><i class="arrow"></i></a>
                            <ul class="sub-menu">
                                <li>
                                    <a href="button-bootstrap.html"><span>Bootstrap Buttons</span></a>
                                </li>
                                <li>
                                    <a href="button-material.html"><span>Material Buttons</span></a>
                                </li>
                                <li>
                                    <a href="button-air.html"><span>Air Buttons</span></a>
                                </li>

                            </ul>
                        </li>
                        <li class="has-sub">
                            <a><i class="icon-screen-tablet"></i><span>Tables</span><i class="arrow"></i></a>
                            <ul class="sub-menu">
                                <li>
                                    <a href="tables.html"><span>Basic Tables</span></a>
                                </li>
                                <li>
                                    <a href="datatables-basic.html"><span> Datatables Basic</span></a>
                                </li>
                                <li>
                                    <a href="datatables-advanced.html"><span> Datatables Advanced</span></a>
                                </li>
                                <li>
                                    <a href="datatables-datasource.html"><span> Datatables Datasource</span></a>
                                </li>
                                <li>
                                    <a href="datatables-api.html"><span> Datatables Api</span></a>
                                </li>
                            </ul>
                        </li>
                        <li class="has-sub">
                            <a><i class="icon-flag"></i><span>Icons</span><i class="arrow"></i></a>
                            <ul class="sub-menu">
                                <li>
                                    <a href="icon-fontawesome.html"><span>Font Awesome Icons</span></a>
                                </li>
                                <li>
                                    <a href="icon-themify.html"><span> Themify Icons</span></a>
                                </li>
                                <li>
                                    <a href="icon-simplelineicons.html"><span> Simple Line Icons</span></a>
                                </li>
                                <li>
                                    <a href="icon-weather.html"><span> Weather Icons</span></a>
                                </li>
                                <li>
                                    <a href="icon-cryptocoins.html"><span> Cryptocoins Icons</span></a>
                                </li>
                            </ul>
                        </li>
                        <li class="has-sub">
                            <a><i class="icon-puzzle"></i><span>Widgets</span><i class="arrow"></i></a>
                            <ul class="sub-menu">
                                <li>
                                    <a href="widget-general.html"><span>General Widgets</span></a>
                                </li>
                                <li>
                                    <a href="widget-chart.html"><span>Chart Widgets</span></a>
                                </li>
                            </ul>
                        </li>
                        <li class="has-sub">
                            <a><i class="icon-calendar"></i><span>Calendar</span><i class="arrow"></i></a>
                            <ul class="sub-menu">
                                <li>
                                    <a href="calendar-1.html"><span>Basic Calendar</span></a>
                                </li>
                                <li>
                                    <a href="calendar-2.html"><span>List View Calendar</span></a>
                                </li>
                                <li>
                                    <a href="calendar-3.html"><span>External Event Calendar</span></a>
                                </li>
                            </ul>
                        </li>
                        <li class="has-sub">
                            <a><i class="icon-chart"></i><span>Charts</span><i class="arrow"></i></a>
                            <ul class="sub-menu">
                                <li>
                                    <a href="charts-amcharts.html"><span>Am Stock Charts</span></a>
                                </li>
                                <li>
                                    <a href="charts-chartjs.html"><span>Chartjs Charts</span></a>
                                </li>
                                <li>
                                    <a href="charts-flot.html"><span>Flot Charts</span></a>
                                </li>
                                <li>
                                    <a href="charts-morris.html"><span>Morris Charts</span></a>
                                </li>
                                <li>
                                    <a href="charts-sparkline.html"><span>Sparkline Charts</span></a>
                                </li>
                                <li>
                                    <a href="charts-knob.html"><span>knob Charts</span></a>
                                </li>
                            </ul>
                        </li>
                        <li class="has-sub">
                            <a><i class="icon-compass"></i><span>Menu Level</span><i class="arrow"></i></a>
                            <ul class="sub-menu">
                                <li>
                                    <a><span>Second Level</span></a>
                                </li>
                                <li class="has-sub">
                                    <a><span>Second Level Child</span><i class="arrow"></i></a>
                                    <ul class="sub-menu">
                                        <li>
                                            <a><span>Third Level</span></a>
                                        </li>
                                        <li>
                                            <a><span>Third Level</span></a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="has-sub">
                                    <a><span>Second Level Child</span><i class="arrow"></i></a>
                                    <ul class="sub-menu">
                                        <li>
                                            <a><span>Third Level</span></a>
                                        </li>
                                        <li>
                                            <a><span>Third Level</span></a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li class="menu-title">Pages</li>
                        <li class="has-sub">
                            <a><i class="icon-frame"></i><span>Chat App</span><i class="arrow"></i></a>
                            <ul class="sub-menu">
                                <li>
                                    <a href="chat-app.html"><span>Chat App</span></a>
                                </li>
                                <li>
                                    <a href="tickets-main.html"><span>Support Ticket</span></a>
                                </li>
                                <li>
                                    <a href="ticket-detail.html"><span>Ticket Detail</span></a>
                                </li>
                            </ul>
                        </li>
                        <li class="has-sub">
                            <a><i class="icon-envelope-letter"></i><span>Mail Box</span><i class="arrow"></i></a>
                            <ul class="sub-menu">
                                <li>
                                    <a href="mailbox-main.html"><span>Mail Box</span></a>
                                </li>
                                <li>
                                    <a href="mailbox-compose.html"><span>Compose Mail</span></a>
                                </li>
                                <li>
                                    <a href="mailbox-details.html"><span>Mail Detail</span></a>
                                </li>
                            </ul>
                        </li>
                        <li class="has-sub">
                            <a><i class="icon-emotsmile"></i><span>Timeline</span><i class="arrow"></i></a>
                            <ul class="sub-menu">
                                <li>
                                    <a href="timeline-1.html"><span>Timeline 1</span></a>
                                </li>
                                <li>
                                    <a href="timeline-2.html"><span>Timeline 2</span></a>
                                </li>
                                <li>
                                    <a href="timeline-3.html"><span>Timeline 3</span></a>
                                </li>
                            </ul>
                        </li>
                        <li class="has-sub">
                            <a><i class="icon-people"></i><span>User</span><i class="arrow"></i></a>
                            <ul class="sub-menu">
                                <li>
                                    <a href="user-grid.html"><span>Users</span></a>
                                </li>
                                <li>
                                    <a href="user-details.html"><span>User Details</span></a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="pricing-table.html"><i class="icon-calculator"></i><span>Pricing Table</span></a>
                        </li>
                        <li>
                            <a href="invoice.html"><i class="icon-wallet"></i><span>Invoice</span></a>
                        </li>
                        <li>
                            <a href="faq.html"><i class="icon-plus"></i><span>Faq</span></a>
                        </li>
                        <li class="has-sub">
                            <a><i class="icon-compass"></i><span>Custom Pages</span><i class="arrow"></i></a>
                            <ul class="sub-menu">
                                <li>
                                    <a href="login-1.html"><span>Login 1</span></a>
                                </li>
                                <li>
                                    <a href="login-2.html"><span>Login 2</span></a>
                                </li>
                                <li>
                                    <a href="error-403.html"><span>Error 403</span></a>
                                </li>
                                <li>
                                    <a href="error-404.html"><span>Error 404</span></a>
                                </li>
                                <li>
                                    <a href="error-503.html"><span>Error 503</span></a>
                                </li>
                            </ul>
                        </li>
                        <li class="menu-title">Layout</li>
                        <li class="has-sub">
                            <a><i class="ti-layout-width-full"></i><span>Layout</span><i class="arrow"></i></a>
                            <ul class="sub-menu">
                                <li>
                                    <a href="layout-wide.html"><span>Wide Layout</span></a>
                                </li>
                                <li>
                                    <a href="layout-boxed.html"><span>Boxed Layout</span></a>
                                </li>
                                <li>
                                    <a href="layout-static.html"><span>Static Layout</span></a>
                                </li>
                                <li>
                                    <a href="layout-fixed.html"><span>Fixed Layout</span></a>
                                </li>
                                <li>
                                    <a href="layout-collapse.html"><span>Collapsed Menu</span></a>
                                </li>
                                <li>
                                    <a href="layout-light.html"><span>Light Sidebar</span></a>
                                </li>
                                <li>
                                    <a href="layout-dark.html"><span>Dark Sidebar</span></a>
                                </li>
                            </ul>
                        </li>
                        <li class="has-sub">
                            <a><i class="ti-layout-sidebar-left"></i><span>Header Color</span><i class="arrow"></i></a>
                            <ul class="sub-menu">
                                <li>
                                    <a href="header-color-with-light-sidebar.html"><span>Wide Light Sidebar</span></a>
                                </li>
                                <li>
                                    <a href="header-color-with-dark-sidebar.html"><span>Wide Dark Sidebar</span></a>
                                </li>
                                <li>
                                    <a href="header-gradient.html"><span>Gradient</span></a>
                                </li>
                            </ul>
                        </li>
                        <li class="has-sub">
                            <a><i class="ti-layout-media-overlay-alt"></i><span>Footer</span><i class="arrow"></i></a>
                            <ul class="sub-menu">
                                <li>
                                    <a href="footer-light.html"><span>Light Footer</span></a>
                                </li>
                                <li>
                                    <a href="footer-dark.html"><span>Dark Footer</span></a>
                                </li>
                                <li>
                                    <a href="footer-transparent.html"><span>Footer Transparent</span></a>
                                </li>
                                <li>
                                    <a href="footer-fixed.html"><span>Footer Fixed</span></a>
                                </li>
                                <li>
                                    <a href="footer-components.html"><span>Footer Components</span></a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- Page header -->
            <div class="page-hdr">
                <div class="row align-items-center">
                    <div class="col-4 col-md-7 page-hdr-left">
                        <!-- Logo Container -->
                        <div id="logo">
                            <div class="tbl-cell logo-icon">
                                <a href="#"><img src="images/icon.png" alt=""></a>
                            </div>
                            <div class="tbl-cell logo">
                                <a href="#"><img src="images/logo.png"></a>
                            </div>
                        </div>
                        <div class="page-menu menu-icon">
                            <a class="animated menu-close"><i class="far fa-hand-point-left"></i></a>
                        </div>
                        <div class="page-menu page-fullscreen">
                            <a><i class="fas fa-expand"></i></a>
                        </div>
                        <div class="page-search">
                            <input type="text" placeholder="Search your key....">
                        </div>
                    </div>
                    <div class="col-8 col-md-5 page-hdr-right">
                        <div class="page-hdr-desktop">
                            <div class="page-menu menu-dropdown-wrapper menu-user">
                                <a class="user-link">
                                    <span class="tbl-cell user-name pr-3">Hello <span class="pl-2">John Doe</span></span>
                                    <span class="tbl-cell avatar"><img src="uploads/author-4.jpg" alt=""></span>
                                </a>
                                <div class="menu-dropdown menu-dropdown-right menu-dropdown-push-right">
                                    <div class="arrow arrow-right"></div> 
                                    <div class="menu-dropdown-inner">
                                        <div class="menu-dropdown-head pb-3">
                                            <div class="tbl-cell">
                                                <img src="uploads/author-1.jpg" alt="">
                                                <!-- <i class="fa fa-user-circle"></i> -->
                                            </div>
                                            <div class="tbl-cell pl-2 text-left">
                                                <p class="m-0 font-18">John Doe</p>
                                                <p class="m-0 font-14">Demonstration</p>
                                            </div>
                                        </div>
                                        <div class="menu-dropdown-body">
                                            <ul class="menu-nav">
                                                <li><a href="#"><i class="icon-event"></i><span>My Events</span></a></li>
                                                <li><a href="#"><i class="icon-notebook"></i><span>My Notes</span></a></li>
                                                <li><a href="#"><i class="icon-user"></i><span>My Profile</span></a></li>
                                                <li><a href="#"><i class="icon-globe-alt"></i><span>Client Portal</span></a></li>
                                            </ul>
                                        </div>
                                        <div class="menu-dropdown-footer text-right">
                                            <a href="#" class="btn btn-outline btn-primary btn-pill btn-outline-2x font-12 btn-sm">Logout</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="page-menu menu-dropdown-wrapper menu-notification">
                                <a><i class="icon-bell"></i><span class="notification">20</span></a>
                                <div class="menu-dropdown menu-dropdown-right menu-dropdown-push-right">
                                    <div class="arrow arrow-right"></div> 
                                    <div class="menu-dropdown-inner">
                                        <div class="menu-dropdown-head">Notification</div>
                                        <div class="menu-dropdown-body">
                                            <ul class="timeline m-0">
                                                <li>
                                                    <a href="" target="_blank" class="timeline-container">
                                                        <div class="arrow"></div>
                                                        <div class="description">Wallet Adddes </div>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" target="_blank" class="timeline-container">
                                                        <div class="arrow"></div>
                                                        <div class="description">Coin Transferred from BTC<span class="badge badge-danger badge-pill badge-sm">Unpaid</span></div>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" target="_blank" class="timeline-container">
                                                        <div class="arrow"></div>
                                                        <div class="description">BTC bought</div>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" target="_blank" class="timeline-container">
                                                        <div class="arrow"></div>
                                                        <div class="description">Server Restarted <span class="badge badge-success badge-pill badge-sm">Resolved</span></div>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" target="_blank" class="timeline-container">
                                                        <div class="arrow"></div>
                                                        <div class="description">New order received</div>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="page-menu menu-dropdown-wrapper menu-quick-links">
                                <a><i class="icon-grid"></i></a>
                                <div class="menu-dropdown menu-dropdown-right menu-dropdown-push-right">
                                    <div class="arrow arrow-right"></div> 
                                    <div class="menu-dropdown-inner">
                                        <div class="menu-dropdown-head">Quick Links</div>
                                        <div class="menu-dropdown-body p-0">
                                            <div class="row m-0 box">
                                                <div class="col-6 p-0 box">
                                                    <a href="">
                                                        <i class="icon-emotsmile"></i>
                                                        <span>New Contact</span>
                                                    </a>
                                                </div>
                                                <div class="col-6 p-0 box">
                                                    <a href="">
                                                        <i class="icon-docs"></i>
                                                        <span>New Invoice</span>
                                                    </a>
                                                </div>
                                                <div class="col-6 p-0 box">
                                                    <a href="">
                                                        <i class="icon-calculator"></i>
                                                        <span>New Quote</span>
                                                    </a>
                                                </div>
                                                <div class="col-6 p-0 box">
                                                    <a href="">
                                                        <i class="icon-rocket"></i>
                                                        <span>New Expense</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="page-menu">
                                <a class="open-sidebar-right"><i class="icon-settings"></i><span></span></a>
                            </div>
                        </div>
                        <div class="page-hdr-mobile">
                            <div class="page-menu open-mobile-search">
                                <a href="#"><i class="icon-magnifier"></i></a>
                            </div>
                            <div class="page-menu open-left-menu">
                                <a href="#"><i class="icon-menu"></i></a>
                            </div>
                            <div class="page-menu oepn-page-menu-desktop">
                                <a href="#"><i class="icon-options-vertical"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Main Page Wrapper -->
            <div class="page-wrapper">
                <!-- Page Title -->
                <div class="page-title">
                    <div class="row align-items-center">
                        <div class="col-sm-6">
                            <h2 class="page-title-text">Portlets</h2>
                        </div>
                        <div class="col-sm-6 text-right">
                            <div class="breadcrumbs">
                                <ul>
                                    <li><a href="#">Home</a></li>
                                    <li>Portlets</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Page Body -->
                <div class="page-body">
                    <div class="row">
                        <div class="col-12">
                            <div class="portlet portlet-default">
                                <div class="portlet-head">
                                    <div class="portlet-title">
                                        <span class="portlet-title-text">Basic Portlet</span>
                                    </div>
                                </div>
                                <div class="portlet-body">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt quas dolorum necessitatibus fuga incidunt fugiat, incidunt fugiat, dicta, adipisci! Placeat  dicta, adipisci! Placeat consectetur modi animi, in. Laborum eius, impedit commodi, est doloremque hic minus?</p>
                                    <button class="btn btn-primary btn-pill">Submit</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="portlet portlet-default">
                                <div class="portlet-head">
                                    <div class="portlet-title">
                                        <span class="portlet-title-text">Basic Portlet</span>
                                    </div>
                                </div>
                                <div class="portlet-body">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt quas dolorum necessitatibus fuga incidunt fugiat, dicta, adipisci! Placeat consectetur modi animi, in. Laborum eius, impedit commodi, est doloremque hic minus?</p>
                                </div>
                                <div class="portlet-footer"> Portlet Footer </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="portlet portlet-default">
                                <div class="portlet-head">
                                    <div class="portlet-title">Default Portlet <small class="text-muted">with Sub Title</small></div>
                                </div>
                                <div class="portlet-wrapper">
                                    <div class="portlet-body">
                                        <p class="text-muted m-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>
                                    </div>
                                </div>
                                <div class="portlet-footer">
                                    <div class="row">
                                        <div class="col-md-6">Portlet Footer</div>
                                        <div class="col-md-6 text-right">
                                            <button class="btn btn-default btn-pill btn-sm">Cancel</button>
                                            <button class="btn btn-primary btn-pill btn-sm">Submit</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="portlet portlet-default">
                                <div class="portlet-head">
                                    <div class="portlet-title">
                                        <i class="icon-layers portlet-head-icon text-primary"></i>
                                        <span class="portlet-title-text">Portlet with Icon</span>
                                    </div>
                                </div>
                                <div class="portlet-wrapper">
                                    <div class="portlet-body">
                                        <p class="text-muted m-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>
                                    </div>
                                </div>
                                <div class="portlet-footer">
                                    <div class="row">
                                        <div class="col-md-6">Portlet Footer</div>
                                        <div class="col-md-6 text-right">
                                            <button class="btn btn-default btn-pill btn-sm">Cancel</button>
                                            <button class="btn btn-warning btn-pill btn-sm">Submit</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="portlet br-20x portlet-default">
                                <div class="portlet-head">
                                    <div class="portlet-title"><i class="icon-layers portlet-head-icon"></i>
                                        <span class="portlet-title-text">Rounded Portlet <small class="text-muted">Portlet sub title</small></span>
                                    </div>
                                </div>
                                <div class="portlet-wrapper">
                                    <div class="portlet-body">
                                        <p class="text-muted m-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>
                                    </div>
                                </div>
                                <div class="portlet-footer">
                                    <div class="row">
                                        <div class="col-md-6">Portlet Footer</div>
                                        <div class="col-md-6 text-right">
                                            <button class="btn btn-default btn-pill">Cancel</button>
                                            <button class="btn btn-success btn-pill">Submit</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="portlet br-40x portlet-default">
                                <div class="portlet-head">
                                    <div class="portlet-title"><i class="icon-layers portlet-head-icon"></i>
                                        <span class="portlet-title-text">Rounded Portlet <small class="text-muted">Portlet sub title</small></span>
                                    </div>
                                </div>
                                <div class="portlet-wrapper">
                                    <div class="portlet-body">
                                        <p class="text-muted m-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>
                                    </div>
                                </div>
                                <div class="portlet-footer">
                                    <div class="row">
                                        <div class="col-md-6">Portlet Footer</div>
                                        <div class="col-md-6 text-right">
                                            <button class="btn btn-default btn-pill">Cancel</button>
                                            <button class="btn btn-danger btn-pill">Submit</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="portlet portlet-default">
                                <div class="portlet-head">
                                    <div class="portlet-title">Portlet with Badge <span class="badge badge-success badge-pill font-12">New</span></div>
                                </div>
                                <div class="portlet-wrapper">
                                    <div class="portlet-body">
                                        <p class="text-muted m-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>
                                    </div>
                                </div>
                                <div class="portlet-footer">
                                    <div class="row">
                                        <div class="col-md-6">Portlet Footer</div>
                                        <div class="col-md-6 text-right">
                                            <button class="btn btn-default btn-pill btn-sm">Cancel</button>
                                            <button class="btn btn-primary btn-pill btn-sm">Submit</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="portlet portlet-default">
                                <div class="portlet-head">
                                    <div class="portlet-title">Portlet with Dropdown</div>
                                    <div class="portlet-action">
                                        <a class="icon-grid font-16" data-toggle="dropdown"></a>
                                        <ul class="dropdown-menu dropdown-menu-right">
                                            <li><a href="#">Action</a></li>
                                            <li><a href="#">Another action</a></li>
                                            <li><a href="#">Something else here</a></li>
                                            <li class="dropdown-divider"></li>
                                            <li><a href="#">Separated link</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="portlet-wrapper">
                                    <div class="portlet-body">
                                        <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>
                                        <button class="btn btn-danger btn-pill">Submit</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="portlet portlet-default">
                                <div class="portlet-head">
                                    <div class="portlet-title">Portlet with Table</div>
                                </div>
                                <div class="portlet-wrapper pr-2 pl-2 pb-3">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>Name</th>
                                                <th>Username</th>
                                                <th>Role</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>Mark</td>
                                                <td>@mark</td>
                                                <td><span class="badge badge-primary badge-sm badge-pill">admin</span></td>
                                            </tr>
                                            <tr>
                                                <td>Jacob</td>
                                                <td>@jacob</td>
                                                <td><span class="badge badge-success badge-sm badge-pill">developer</span></td>
                                            </tr>
                                            <tr>
                                                <td>Larry</td>
                                                <td>@larry</td>
                                                <td><span class="badge badge-danger badge-sm badge-pill">intern</span></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="portlet portlet-default">
                                <div class="portlet-head">
                                    <div class="portlet-title">Portlet with Tabs</div>
                                </div>
                                <div class="portlet-wrapper pr-2 pl-2 pb-3">
                                    <ul class="nav nav-tabs nav-tabs-line nav-tabs-line-primary">
                                        <li class="nav-item">
                                            <a class="nav-link active" href="#home1" data-toggle="tab">Home</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" href="#profile1" data-toggle="tab">Profile</a>
                                        </li>
                                        <li class="nav-item dropdown">  
                                            <a class="nav-link" href="#message1" data-toggle="tab">Message</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content pl-3 pr-3">
                                        <div class="tab-pane active" id="home1">
                                            <h5>Home Tab</h5>
                                            <p class="font-14">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam aliquam ipsam reiciendis fugiat eum at expedita velit consectetur, provident ab delectus tempora amet praesentium, officia voluptates, dolorum saepe mollitia magnam..</p>
                                        </div>
                                        <div class="tab-pane" id="profile1">
                                            <h5>Profile Tab</h5>
                                            <p class="font-14">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas eaque perspiciatis totam adipisci itaque culpa exercitationem voluptatibus, labore ex.</p>
                                        </div>
                                        <div class="tab-pane" id="message1">
                                            <h5>Message Tab</h5>
                                            <p class="font-14">Natus aspernatur ut totam quis et, repellat maiores voluptas dolore sed aliquam delectus doloremque atque dolorum accusantium a. Officia neque quas!</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="portlet portlet-dark">
                                <div class="portlet-head">
                                    <div class="portlet-title">
                                        <i class="icon-layers portlet-head-icon"></i>
                                        <span class="portlet-title-text">Dark Portlet</span>
                                    </div>
                                </div>
                                <div class="portlet-wrapper">
                                    <div class="portlet-body">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="portlet portlet-primary">
                                <div class="portlet-head">
                                    <div class="portlet-title">
                                        <i class="icon-layers portlet-head-icon"></i>
                                        <span class="portlet-title-text">Primary Portlet</span>
                                    </div>
                                </div>
                                <div class="portlet-wrapper">
                                    <div class="portlet-body">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="portlet portlet-secondary">
                                <div class="portlet-head">
                                    <div class="portlet-title">
                                        <i class="icon-layers portlet-head-icon"></i>
                                        <span class="portlet-title-text">Secondary Portlet</span>
                                    </div>
                                </div>
                                <div class="portlet-wrapper">
                                    <div class="portlet-body">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="portlet portlet-success">
                                <div class="portlet-head">
                                    <div class="portlet-title">
                                        <i class="icon-layers portlet-head-icon"></i>
                                        <span class="portlet-title-text">Success Portlet</span>
                                    </div>
                                </div>
                                <div class="portlet-wrapper">
                                    <div class="portlet-body">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="portlet portlet-warning">
                                <div class="portlet-head">
                                    <div class="portlet-title">
                                        <i class="icon-layers portlet-head-icon"></i>
                                        <span class="portlet-title-text">Warning Portlet</span>
                                    </div>
                                </div>
                                <div class="portlet-wrapper">
                                    <div class="portlet-body">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="portlet portlet-danger">
                                <div class="portlet-head">
                                    <div class="portlet-title">
                                        <i class="icon-layers portlet-head-icon"></i>
                                        <span class="portlet-title-text">Danger Portlet</span>
                                    </div>
                                </div>
                                <div class="portlet-wrapper">
                                    <div class="portlet-body">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="portlet portlet-default">
                                <div class="portlet-head">
                                    <div class="portlet-title">Portlet with Tools</div>
                                    <div class="portlet-action">
                                        <a href="#" class=""><i class="icon-cloud-upload"></i></a>
                                        <a href="#" class="px-3"><i class="icon-settings"></i></a>
                                        <a href="#" class=""><i class="icon-grid"></i></a>
                                    </div>  
                                </div>
                                <div class="portlet-wrapper">
                                    <div class="portlet-body">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>
                                    </div>
                                </div>
                                <div class="portlet-footer text-right">
                                    <button class="btn btn-outline btn-primary btn-pill btn-outline-1x">Delete</button>
                                    <button class="btn btn-danger btn-pill">Submit</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="portlet portlet-default">
                                <div class="portlet-head">
                                    <div class="portlet-title">
                                        <i class="icon-screen-desktop portlet-head-icon font-24"></i>
                                        <span class="portlet-title-text">Portlet with Actions Dropdown</span>
                                    </div>
                                    <div class="portlet-action">
                                        <a class=""><i class="icon-cloud-upload"></i></a>
                                        <a class="px-3"><i class="icon-lock-open"></i></a>
                                        <div class="d-inline-block">
                                            <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="icon-options-vertical"></i></a>
                                            <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdown-2">
                                                <li><a href="#">Action</a></li>
                                                <li><a href="#">Another action</a></li>
                                                <li><a href="#">Something else here</a></li>
                                                <li class="dropdown-divider"></li>
                                                <li><a href="#">Separated link</a></li>
                                            </ul>
                                        </div>
                                    </div>  
                                </div>
                                <div class="portlet-wrapper">
                                    <div class="portlet-body">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>
                                    </div>
                                </div>
                                <div class="portlet-footer text-right">
                                    <button class="btn btn-outline btn-secondary btn-pill btn-outline-1x">Delete</button>
                                    <button class="btn btn-danger btn-pill">Danger</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="portlet portlet-success">
                                <div class="portlet-head">
                                    <div class="portlet-title">
                                        <i class="icon-screen-desktop portlet-head-icon font-24"></i>
                                        <span class="portlet-title-text">Portlet with Action Icons</span>
                                    </div>
                                    <div class="portlet-action">
                                        <a class=""><i class="icon-screen-smartphone"></i></a>
                                        <a class="mx-3"><i class="icon-screen-tablet"></i></a>
                                        <a class=""><i class="icon-screen-desktop"></i></a>
                                    </div>  
                                </div>
                                <div class="portlet-wrapper">
                                    <div class="portlet-body">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis ab suscipit perspiciatis similique, quo, illo officia error, voluptatibus reprehenderit temporibus labore voluptas itaque dignissimos tempore ipsa voluptate ea iure repellat.</p>
                                        <p>Consequatur, ex, est labore neque exercitationem aliquam placeat quia laborum autem maxime omnis ut laboriosam. Architecto dignissimos at placeat iste, maiores obcaecati, assumenda aspernatur nostrum cupiditate iusto, pariatur commodi. Blanditiis.</p>
                                        <p>Consequatur, ex, est labore neque exercitationem aliquam placeat quia laborum autem maxime omnis ut laboriosam. Architecto dignissimos at placeat iste, maiores obcaecati, assumenda aspernatur nostrum cupiditate iusto, pariatur commodi. Blanditiis.</p>
                                    </div>
                                </div>
                                <div class="portlet-footer text-right">
                                    <button class="btn btn-success btn-pill">Submit</button>
                                    <button class="btn btn-outline btn-warning btn-pill btn-outline-1x">Move</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="portlet portlet-primary">
                                <div class="portlet-head">
                                    <div class="portlet-title">
                                        <i class="icon-screen-desktop portlet-head-icon font-24"></i>
                                        <span class="portlet-title-text">Portlet with Dropdown</span>
                                    </div>
                                    <div class="portlet-action portlet-action-background">
                                        <a><i class="icon-folder-alt"></i></a>
                                        <a class="mx-3"><i class="icon-docs"></i></a>
                                        <div class="d-inline-block menu-dropdown-wrapper">
                                            <a><i class="icon-options-vertical"></i></a>
                                            <div class="menu-dropdown menu-dropdown-right menu-dropdown-push-right">
                                                <div class="menu-dropdown-inner">
                                                    <div class="menu-dropdown-head">Quick Action</div>
                                                    <div class="menu-dropdown-body">
                                                        <ul class="menu-nav">
                                                            <li><a href=""><i class="icon-share-alt"></i><span>Activity</span></a></li>
                                                            <li><a href=""><i class="icon-envelope-letter"></i><span>Message</span></a></li>
                                                            <li><a href=""><i class="icon-question"></i><span>Faq</span></a></li>
                                                            <li><a href=""><i class="icon-support"></i><span>Support</span></a></li>
                                                        </ul>
                                                    </div>
                                                    <div class="menu-dropdown-footer">
                                                        <button class="btn btn-outline btn-primary btn-pill btn-outline-2x btn-sm">Go to Link</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>  
                                </div>
                                <div class="portlet-wrapper">
                                    <div class="portlet-body">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis ab suscipit perspiciatis similique, quo, illo officia error, voluptatibus reprehenderit temporibus labore voluptas itaque dignissimos tempore ipsa voluptate ea iure repellat.</p>
                                        <p>Consequatur, ex, est labore neque exercitationem aliquam placeat quia laborum autem maxime omnis ut laboriosam. Architecto dignissimos at placeat iste, maiores obcaecati, assumenda aspernatur nostrum cupiditate iusto, pariatur commodi. Blanditiis.</p>
                                        <p>Consequatur, ex, est labore neque exercitationem aliquam placeat quia laborum autem maxime omnis ut laboriosam. Architecto dignissimos at placeat iste, maiores obcaecati, assumenda aspernatur nostrum cupiditate iusto, pariatur commodi. Blanditiis.</p>
                                    </div>
                                </div>
                                <div class="portlet-footer text-right">
                                    <button class="btn btn-success btn-pill">Submit</button>
                                    <button class="btn btn-outline btn-danger btn-pill btn-outline-1x">Move</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Page Footer -->
            <div class="page-ftr">
                <div>© 2018. Cryptoboard Admin Template by ManasaTheme</div>
            </div>
        </div>
        <!-- Sidebar Section -->
        <div class="sidebar sidebar-right">
            <div class="sidebar-close"><i class="icon-close"></i></div>
            <div class="content">
                <ul class="nav nav-tabs nav-tabs-line nav-tabs-line-primary">
                    <li class="nav-item">
                        <a class="nav-link active" href="#sidebar-member" data-toggle="tab">Member</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#sidebar-setting" data-toggle="tab">Settings</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#sidebar-log" data-toggle="tab">Logs</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="sidebar-member">
                        <div class="pl-2 pr-2">
                            <div class="box-title pb-3">Premium Member</div>
                            <div class="user-list br-bottom-1x pb-4">
                                <ul>
                                    <li>
                                        <div class="tbl-cell image">
                                            <img src="uploads/team-1.jpg" alt="">
                                        </div>
                                        <div class="tbl-cell content">
                                            <a>Steve Soren</a>
                                            <p>Lead Developer at Ipos.</p>
                                        </div>
                                        <div class="tbl-cell follow">
                                            <a href="#" class="btn btn-outline btn-info btn-pill btn-outline-1x btn-sm">Follow</a>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tbl-cell image">
                                            <img src="uploads/team-2.jpg" alt="">
                                        </div>
                                        <div class="tbl-cell content">
                                            <a>Cheri Aria</a>
                                            <p>Photographer and Lead Designer.</p>
                                        </div>
                                        <div class="tbl-cell follow">
                                            <a href="#" class="btn btn-info btn-pill btn-sm">Following</a>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tbl-cell image">
                                            <img src="uploads/team-3.jpg" alt="">
                                        </div>
                                        <div class="tbl-cell content">
                                            <a>Daniel Barnes</a>
                                            <p>Manager at IT park.</p>
                                        </div>
                                        <div class="tbl-cell follow">
                                            <a href="#" class="btn btn-outline btn-info btn-pill btn-outline-1x btn-sm">Follow</a>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tbl-cell image">
                                            <img src="uploads/team-4.jpg" alt="">
                                        </div>
                                        <div class="tbl-cell content">
                                            <a>Janet Collins</a>
                                            <p>Developer at atios.</p>
                                        </div>
                                        <div class="tbl-cell follow">
                                            <a href="#" class="btn btn-outline btn-info btn-pill btn-outline-1x btn-sm">Follow</a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="box-title pt-3 pb-3">Users</div>
                            <div class="user-list">
                                <ul>
                                    <li>
                                        <div class="tbl-cell image">
                                            <img src="uploads/team-1.jpg" alt="">
                                        </div>
                                        <div class="tbl-cell content">
                                            <a>Steve Soren</a>
                                            <p>Lead Developer at Ipos.</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tbl-cell image">
                                            <img src="uploads/team-2.jpg" alt="">
                                        </div>
                                        <div class="tbl-cell content">
                                            <a>Cheri Aria</a>
                                            <p>Photographer and Lead Designer.</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tbl-cell image">
                                            <img src="uploads/team-3.jpg" alt="">
                                        </div>
                                        <div class="tbl-cell content">
                                            <a>Daniel Barnes</a>
                                            <p>Manager at IT park.</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="tbl-cell image">
                                            <img src="uploads/team-4.jpg" alt="">
                                        </div>
                                        <div class="tbl-cell content">
                                            <a>Janet Collins</a>
                                            <p>Developer at atios.</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane" id="sidebar-setting">
                        <div class="pl-2 pr-2">
                            <div class="box-title pb-3">General Setting</div>
                            <div class="setting-list">
                                <ul>
                                    <li class="item">
                                        <div class="label">Email Notifications</div>
                                        <div class="control"><input type="checkbox" checked class="js-switch" data-color="#13dafe" /></div>
                                    </li>
                                    <li class="item">
                                        <div class="label">Comment auto Publish</div>
                                        <div class="control"><input type="checkbox" class="js-switch" data-color="#13dafe" /></div>
                                    </li>
                                    <li class="item">
                                        <div class="label">Review Auto Publish</div>
                                        <div class="control"><input type="checkbox" checked class="js-switch" data-color="#13dafe" /></div>
                                    </li>
                                    <li class="item">
                                        <div class="label">Post Setting</div>
                                        <div class="control"><input type="checkbox" class="js-switch" data-color="#13dafe" /></div>
                                    </li>
                                    <li class="item">
                                        <div class="label">Cron Log</div>
                                        <div class="control"><input type="checkbox" class="js-switch" data-color="#13dafe" /></div>
                                    </li>
                                    <li class="item">
                                        <div class="label">Email Log</div>
                                        <div class="control"><input type="checkbox" checked class="js-switch" data-color="#13dafe" /></div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane" id="sidebar-log">
                        <div class="pl-2 pr-2">
                            <div class="box-title pb-3">Server and Application Logs</div>
                            <ul class="timeline">
                                <li>
                                    <div class="time"><small>Just Now</small></div>
                                    <a href="" target="_blank" class="timeline-container">
                                        <div class="arrow"></div>
                                        <div class="description">21 new users registered </div>
                                    </a>
                                </li>
                                <li>
                                    <div class="time"><small>11 mins</small></div>
                                    <a href="" target="_blank" class="timeline-container">
                                        <div class="arrow"></div>
                                        <div class="description">New invoice generated <span class="badge badge-danger badge-pill badge-sm">Unpaid</span></div>
                                    </a>
                                </li>
                                <li>
                                    <div class="time"><small>15 mins</small></div>
                                    <a href="" target="_blank" class="timeline-container">
                                        <div class="arrow"></div>
                                        <div class="description">Cron Job Completed</div>
                                    </a>
                                </li>
                                <li>
                                    <div class="time"><small>20 mins</small></div>
                                    <a href="" target="_blank" class="timeline-container">
                                        <div class="arrow"></div>
                                        <div class="description">Server Restarted <span class="badge badge-success badge-pill badge-sm">Resolved</span></div>
                                    </a>
                                </li>
                                <li>
                                    <div class="time"><small>25 mins</small></div>
                                    <a href="" target="_blank" class="timeline-container">
                                        <div class="arrow"></div>
                                        <div class="description">New order received</div>
                                    </a>
                                </li>
                                <li>
                                    <div class="time"><small>30 mins</small></div>
                                    <a href="" target="_blank" class="timeline-container">
                                        <div class="arrow"></div>
                                        <div class="description">New ticket created <span class="badge badge-warning badge-pill badge-sm">High</span></div>
                                    </a>
                                </li>
                                <li>
                                    <div class="time"><small>35 mins</small></div>
                                    <a href="" target="_blank" class="timeline-container">
                                        <div class="arrow"></div>
                                        <div class="description">Payment Made by client $350.</div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- End Sidebar Section -->
    </div>

    
    <!-- Include js files -->
    <!-- Vendor Plugin -->
    <script type="text/javascript" src="assets/plugin/vendor.min.js"></script>
    <!-- Custom Script Plugin -->
    <script type="text/javascript" src="dist/js/custom.js"></script>
</body>
</html>